<template>
  <van-tabbar route fixed placeholder border>
    <van-tabbar-item replace :to="{ name: 'Home' }" icon="home-o"
      >首页</van-tabbar-item
    >
    <van-tabbar-item replace :to="{ name: 'category' }" icon="apps-o"
      >分类
    </van-tabbar-item>
    <van-tabbar-item replace :to="{ name: 'message' }" icon="chat-o" badge="4"
      >消息</van-tabbar-item
    >
    <van-tabbar-item
      replace
      :to="{ name: 'cart' }"
      icon="shopping-cart-o
 "
      >购物车</van-tabbar-item
    >
    <van-tabbar-item replace :to="{ name: 'user' }" icon="user-o"
      >我的</van-tabbar-item
    >
  </van-tabbar>
</template>

<style scoped>
.van-tabbar-item {
  --van-tabbar-item-active-color: #ff8000 !important;
  color: black !important;
}
</style>
